﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="Basicinformation.aspx.cs" Inherits="WebApplication.Basicinformation" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="maintab" Src="~/UserControl/MainTabControl.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="Media/Js/jquery.lightbox-0.5.js"></script>
<link href="Media/Css/jquery.lightbox-0.5.css" rel="Stylesheet" />

<script type="text/javascript">
    $(document).ready(function () {
        //表单隐藏显
        // checkTab("t1");
        $('#ImgList .p2 a').lightBox();
        $('#ImgList .showbig').each(function () {
            var self = $(this);
            self.click(function () {
                self.parents("li").find(".p2 img").click();
            })

        });

    })
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <input type="hidden" value="t1" id="pageName" />
 <div class="content-title"><h1>Customer - Basic Information</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Customer</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <uc1:usermeg ID="usermeg" runat="server" ></uc1:usermeg>        
    <div class="partWrap">
    <uc1:maintab ID="maintab"  runat="server"/>
     <div class="clear20"></div>
	<table border="0" cellpadding="0" cellspacing="0" width="100%" class="basiform">
	<tbody>
    <tr>
	  <td width="25%">
      <p class="upinput">Customer Since</p>
	  <input type="text" class="input200" value="Nov-2010" />
	  </td>
	  <td width="25%">
      <p class="upinput">Customer Type</p>
	   <select class="select200">
	   <option>Full Corporate Member</option>
	    <option>Associate Corporate Member</option>
		<option>Honorary Corporate Member</option>
		<option>Non-Member Corporate</option>
		<option>Full Individual Member</option>
		<option>Honorary Individual Member</option>
		<option>Non-member Individual</option>
		</select>	  
	  </td>
	  <td width="25%">
      <p class="upinput">Customer ID(Auto Gen)</p>
	  <input type="text" class="input200" value="20101103FC00001" />
	  </td>
      <td width="25%">
      
	  </td>
	</tr>
    <tr>
    <td colspan="2">
        <p class="upinput">Customer Name <span class="red">*</span></p>
	  <input type="text" class="input500"  />
      </td>
    <td colspan="2"><p class="upinput">客戶名稱 <span class="red">*</span></p>
	  <input type="text" class="input500" />
      </td>      
    
    </tr>
		

	<tr>	 
	  
	  <td><p class="upinput">Stroke</p>
	  <input type="text" class="input200" />
	  </td>
      <td>
      <p class="upinput">Year Established</p>
	  <input type="text" class="input200" value="2010"/>	  
	  </td>
	  <td><p class="upinput">No. of employee</p>
	  <input type="text" class="input200" />	  
	  </td>
      <td> 
      <p class="upinput">BR</p>
	  <input type="text" class="input200" />
	  </td>
	</tr>
	
	<tr>
	  <td>
     <p class="upinput">HKID / Passport No.</p>
	  <input type="text" class="input200" value="ABC****H" />
	  </td>
        <td><p class="upinput">Membership Since</p>
	  <input type="text" class="input200" value="Nov-2010" />
	  </td>
	  <td><p class="upinput">Referral By</p>
	  <input type="text" class="input200" value="Customer ID/ Customer Name" />
	  </td>
	  <td>
      <p class="upinput">Referral Date</p>
	  <input type="text" class="input200" value="11-Nov-2010" />
	  </td>
	</tr>		
	<tr>	
	  <td><p class="upinput">&nbsp;</p><input type="checkbox" name="GC" id="gc" ><label for="gc">GC</label></td>
	  <td><p class="upinput">&nbsp;</p><input type="checkbox" name="VIP" id="vip" ><label for="vip">VIP Member</label></td>
      <td><p class="upinput">&nbsp;</p><input type="checkbox" name="hq" id="hq" ><label for="vip">HQ Located in HK</label></td>
	  <td></td>
    </tr>	
	 <tr> <td colspan="3" height="10">	</td></tr>
	<tr>
	<td colspan="3">
	 
	<p class="upinput">Introduction </p>
	<textarea class="textarea800" >
	</textarea>
	</td>	
	</tr>
	<tr>  <td colspan="3" height="20">	</td></tr>
	<tr>
	<td colspan="3">
	
	<p class="upinput">簡介</p>
	<textarea class="textarea800" rows="15" cols="30" ></textarea>
	</td>	
	</tr>
	<tr>  <td colspan="3" height="20">	</td></tr>
	<tr>
	<td colspan="3">
	<table>
	<tr>
	 <td valign="top" width="280" >
	 <p><strong>Logo / Trademark</strong></p>
     <p class="red italic">Photo Specifications: Full Size 200pix(W) x 120pix(H); Format JPEG, BMP; File Size: 100KB
</p>
	<ul class="ImgActionList">
<li><img src="Media/Css/images/del-form.png"  />&nbsp;&nbsp;<span>Your computer upload path</span></li>
</ul>
	 </td>
	 <td valign="top" ><div class="addWrap">
     <ul class="uibtn">
    	<li onClick="javascript:ToggleDocument('smallImgList')">Add</li>
	  </ul>	 
	
	 <div class="smallImgList" id="smallImgList">	
	<table width="100%">
	<tr>
	<td  > <img class="closeBtn" src="Media/Css/images/del-form.png" onClick="CloseDocument('smallImgList')"><h4>Choose from Media Room</h4></td>
	</tr>
	<tr>
	 <td></td>
	</tr>
	<tr>
	<td>	
	 <div class="imgQu">
	 <ul class="slist">
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	  <li><img src="Media/Css/images/010.png" ></li>
	 </ul>
	 </div>
	</td>
	</tr>
	<tr>
	  <td height="35"><a href="#">Upload image from your computer </a></td>
	</tr>
    <tr>
    <td>
    <p class="red italic">Photo Specifications: Full Size 200pix(W) x 120pix(H); Format JPEG, BMP; File Size: 100KB
</p>
    </td>
    </tr>
	<tr>
	  <td height="35">
      	<table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>	
      
      </td>
	</tr>
	</table>
	 </div>
	 </div></td>
	</tr>
	</table>	
	</td>	
	</tr>	
	
	<tr>
		<td colspan="4">
		<ul class="ImgList" id="ImgList">
		  <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
		<li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png" class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
			    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig" />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"   class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image2.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
				    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image3.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
			    <li>
		<p class="p1">file img name</p>
		<p class="p2"><a href="photos/image1.jpg"><img src="Media/Css/images/155_151.jpg" /></a></p>
		<div class="p3">
		<img src="Media/Css/images/big001.png"  class="showbig"  />
		<img class="closeBtnbig" src="Media/Css/images/del-form.png" onClick="closePannel('smallImgList')"></div>
		</li>
		
		</ul>
		</td>
	</tr>	
	</tbody>
	</table>
	<div class="clear10"></div>
	<table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
	

</div>
</asp:Content>
